
@mixin modal-styles($color){
  .modal-header {
    background-color: $color;
    color: $white-color;
    border: 1px solid $color;
    .close {
      color: $white-color;
    }
  }
}

.modal-dialog {
  &.modal-primary {
    @include modal-styles($brand-primary);
  }
  &.modal-success {
    @include modal-styles($brand-success);
  }
  &.modal-info {
    @include modal-styles($brand-info);
  }
  &.modal-warning {
    @include modal-styles($brand-warning);
  }
  &.modal-danger {
    @include modal-styles($brand-danger);
  }
}

.modal-content {
  background-color: $modal-content-bg;
  border: none;
}
.modal-backdrop {
  background-color: $modal-backdrop-bg;
}
.modal-header {
  border-bottom: 1px solid $modal-header-border-color;
}

.modal-footer {
  border-top: 1px solid $modal-footer-border-color;
}
